/*
  学习目标：给button按钮绑定click事件
*/

import React, { Component } from 'react';

class App extends Component {
  handleClick() {
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
  }

  render() {
    return (
      <div>
        <button
          // 1. ✅少量代码
          onClick={() => alert('hello React')}
        >
          点我
        </button>
        <button
          // 2. ✅多行代码
          onClick={this.handleClick}

          // 👎
          // onClick={function () {
          //   alert(123);
          // }}

          // ❌  onclick接收的一定是函数，不能是函数的调用
          // onClick= {alert(123)}
          // ❌ 事件都通过{}绑定，不能用"this.xxx"
          // onClick = "this.handleClick"
        >
          点我2
        </button>
      </div>
    );
  }
}

export default App;
